.scene { background-color: #eee; height: 100%; }

.scene a { color: #666; }

.scene .top { display: flex; justify-content: space-between; padding: 0px 10px; height: 44px; line-height: 44px; font-size: 16px; color: #333; }

.scene .top .right .iconfont { font-size: 22px; color: #333; }

.scene .banner .loading-wrap { padding: 0; position: relative; height: 100%; background-color: #fff; font-size: 12px; text-align: center; color: #999; width: 100%; }

.scene .banner .loading-wrap img { width: 100%; height: 250px; font-size: 0px; margin: 0 auto; }

.scene .banner .loading-wrap .banner-text { width: 100%; z-index: 2; color: #fff; position: absolute; bottom: 10px; overflow: hidden; }

.scene .banner .loading-wrap .txt-num { font-size: 15px; margin-bottom: 10px; line-height: 18px; }

.scene .banner .loading-wrap .txt { font-size: 13px; line-height: 16px; }

.scene .banner .loading-wrap .bg { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; height: 70px; width: 100%; bottom: 0; z-index: 1; }

.scene .likeBox { background: #fff; }

.scene .likeBox .goods-page { padding-bottom: 8px; width: 100%; }

.scene .likeBox .goods-page .box { border-top: 0; padding: 0 10px; background-color: #fff; }

.scene .likeBox .goods-page .box ul li { height: 82.5px; background-color: #fff; margin-top: 0; padding-top: 8px; overflow: hidden; border-bottom: none; padding-left: 0; padding-bottom: 0; display: flex; margin-bottom: 6px; }

.scene .likeBox .goods-page .box ul li .img { width: 120px; height: 82.5px; margin-right: 8px; position: relative; margin-top: 0; margin-left: 0; }

.scene .likeBox .goods-page .box ul li .img img { width: 100%; font-size: 0px; margin: 0 auto; }

.scene .likeBox .goods-page .box ul li .img .icon { width: 22px; height: 22px; margin-top: -12px; margin-left: -12px; position: absolute; top: 50%; left: 50%; z-index: 5; background: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-play.png); background-size: 100%; }

.scene .likeBox .goods-page .box ul li .text { width: 227px; }

.scene .likeBox .goods-page .box ul li .text h6 { font-size: 14px; color: #50493e; line-height: 16px; margin-bottom: 4px; }

.scene .likeBox .goods-page .box ul li .text span { color: #a3a3a3; font-size: 12px; margin: 4px 0 0 0; line-height: 16px; height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.scene .likeBox .goods-page .box ul li .text .label-bar { overflow: hidden; background-color: #fff; line-height: 16px; height: 20px; margin-top: 10px; }

.scene .likeBox .goods-page .box ul li .text .label-bar .div { color: #ff8f5c; font-size: 11px; display: inline-block; height: 20px; margin-right: 6px; }

.scene .likeBox .goods-page .box ul li .text .label-bar .div span { height: 16px; line-height: 10px; text-align: center; color: #ff8f5c; font-size: 10px; display: inline-block; border-radius: 10px; border: 1px solid #ff8f5c; padding: 2px 6px; box-sizing: border-box; }

.scene .likeBox .goods-page .box .all-more { width: 100%; text-align: center; margin: 12px 0 0; height: 32px; font-size: 16px; line-height: 32px; }

.scene .likeBox .goods-page .box .all-more .iconfont { font-size: 16px; margin-left: 2px; }

.scene .scenes-wrap .recommend { width: 100%; text-align: center; margin: 10px 0 0; padding: 0 0 12px; height: 32px; background: #fff; }

.scene .scenes-wrap .recommend .recommend-title { font-size: 16px; color: #666; line-height: 40px; }

.scene .scenes-wrap .swiper-container { margin: 0 auto; position: relative; z-index: 1; display: flex; }

.scene .scenes-wrap .swiper-container .swiper-slide { width: 124.333px; margin-right: 1px; height: 140px; background: #fff; text-align: center; }

.scene .scenes-wrap .swiper-container .swiper-slide img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.scene .scenes-wrap .swiper-container .swiper-slide .sub-text { width: 124.333px; line-height: 15px; z-index: 2; position: absolute; bottom: 6px; text-align: center; color: #fff; }

.scene .scenes-wrap .swiper-container .swiper-slide .sub-text .sub-title { font-size: 14px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 5px; }

.scene .scenes-wrap .swiper-container .swiper-slide .sub-text .sub-nub { font-size: 12px; }

.scene .scenes-wrap .swiper-container .swiper-slide .bg { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; height: 70px; width: 100%; bottom: 0; z-index: 1; }
